<!-- 公司高管  -->
<template>
  <div class="mngChg">
    <!-- 高管列表 -->
    <yn-com-comTitle name="高管列表"></yn-com-comTitle>
    <yn-mngchg-mngInfo :data="mngInfo"></yn-mngchg-mngInfo>
    <!-- 高管持股变动 -->
    <yn-com-comTitle name="高管持股变动" class="mt15"></yn-com-comTitle>
    <yn-mngchg-mngChange :data="mngChg"></yn-mngchg-mngChange>
  </div>
</template>

<script>
import { mngInfo, mngChg } from "../script/api";
export default {
  data() {
    return { mngChg: [], mngInfo: [] };
  },
  components: {},
  computed: {},
  mounted() {
    this.mngInfoData();
    this.mngChgData();
  },
  methods: {
    async mngInfoData() {
      const res = await mngInfo();
      this.mngInfo = res;
    },
    async mngChgData() {
      const res = await mngChg();
      this.mngChg = res;
    }
  }
};
</script>
<style lang='scss' scoped>
</style>